<template>
    <div class="navbar">

        <el-menu :router="true" :default-active="$route.path" class="el-menu-vertical-demo"
        background-color="#545c64" text-color="#fff" active-text-color="coral">
 
            <el-menu-item index="/home">
                <i class="el-icon-s-home"></i>
                <span slot="title">首页</span>
            </el-menu-item>
            <el-menu-item index="/show/">
                <i class="el-icon-user-solid"></i>
                <span slot="title">学生管理</span>
            </el-menu-item>
            <el-menu-item index="/statis/">
                <i class="el-icon-user-solid"></i>
                <span slot="title">信息统计</span>
            </el-menu-item>
            <el-menu-item index="/login">
                <i class="el-icon-user-solid"></i>
                <span slot="title">录入员后台登录</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped>
    /* 表示去除导航右侧的一条白线 */
    .el-menu {
        border-right: none;
    }
</style>